@import "~ui/styles/variables";

.table {
  // Nesting
  .table {
    background-color: @table-nested-bg;
  }
}

kbn-table, .kbn-table, tbody[kbn-rows] {
  // sub tables should not have a leading border
  .table .table {
    margin-bottom: 0px;

    tr:first-child > td {
      border-top: none;
    }

    td.field-name {
      font-weight: bold;
    }
  }

  /**
   * 1. Use alpha so this will stand out against non-white backgrounds, e.g. the highlighted
   *    row in the Context Log.
   */
  dl.source {
    margin-bottom: 0;
    line-height: 2em;
    word-break: break-all;

    dt, dd {
      display: inline;
    }

    dt {
      background-color: fadeout(darken(@globalColorBlue, 20%), 90%);
      color: @table-dt-color;
      padding: @padding-xs-vertical @padding-xs-horizontal;
      margin-right: @padding-xs-horizontal;
      font-family: monospace;
      word-break: normal;
      border-radius: 2px;
    }
  }

}

table {
  th {
    i.fa-sort {
      color: @table-sort-color;
    }

    button.fa-sort-asc,
    button.fa-sort-down,
    i.fa-sort-asc,
    i.fa-sort-down {
      color: @table-sort-asc-color;
    }

    button.fa-sort-desc,
    button.fa-sort-up,
    i.fa-sort-desc,
    i.fa-sort-up {
      color: @table-sort-desc-color;
    }
  }
}
